<template>
	<view class="sur">
		<view class="tit_box">
			<span class="tit_s">测一测
			<view class="head">
				<image src="../../static/index/ceyice.png"></image>
			</view>
			</span>
			<span class="fuc" @click="gotoPage">更多</span>
		</view>

		<label class="tit_s_i">一起去游历丰富多彩的内心世界</label>
		<view v-for="(item,index) in sur_brief" :key="index">
			<temp :brief="item"></temp>
		</view>
	</view>
</template>
<script>
	import temp from '@/components/surveytemplate/surveytemplate.vue'
	export default {
		name: "survey",
		data() {
			return {
				sur_brief: [{
						id:1,
						img: "https://up.bizhizu.com/pic/15/4e/b6/154eb6fd97636ac695aa6057d304cd57.jpg",
						tit: "心理健康问卷",
						des: "1.1w人测评过"
					},
					{	id:2,
						img: "https://bpic.588ku.com/back_origin_min_pic/19/04/16/d683460609eabc77699475dadb177919.jpg",
						tit: "心理健康问卷2",
						des: "1.1w人测评过"
					}
				],
			};
		},
		components: {
			temp
		},
		methods: {
			gotoPage() {
				uni.navigateTo({
					url: '/pages/surveryList/surveryList',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style lang="less">
	.sur {
		width: 750rpx;
		padding: 30rpx;
		margin-top: 20rpx;
		span {
			display: block;
		}

		.tit_box {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.fuc {
				text-align: center;
				width: 65rpx;
				font-size: 24rpx;
				border: 1px #c8adc4 solid;
				border-radius: 30rpx;
				color: #c8adc4;
				box-shadow: 1px 1px 1px 1px lightgray;
			}

			.tit_s {
				font-size: 30rpx;
				display: flex;
				align-items: center;
				.head{
					width: 60rpx;
					height: 60rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
			}
		}


		.tit_s_i {
			margin-top: 10rpx;
			font-size: 20rpx;
			color: gray;

		}
	}
</style>
